<!doctype html>
<html lang="en">

<head>
	<title><%= title %></title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<!-- VENDOR CSS -->
	<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/vendor/linearicons/style.css">
	<!-- MAIN CSS -->
	<link rel="stylesheet" href="assets/css/main.css">
	<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
	<link rel="stylesheet" href="assets/css/demo.css">
	<!-- GOOGLE FONTS -->
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
	<!-- ICONS -->
	<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
	<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon.png">
	<link rel="stylesheet" href="./css/pageNation.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/pageNation.js"></script>
    <!-- <script src="/js/jquery-1.8.3.js"></script> -->
    <style>
        .mytext{
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            /* line-height: 1.42857143; */
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
            /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
            /* -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
            /* -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
            /* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
        }
    </style>
</head>


<body>
	<!-- WRAPPER -->
	<div id="wrapper">
		<!-- NAVBAR -->
		<!-- 头部开始 -->
	<%- include top %>
	<!-- 头部结束 -->
		<!-- END NAVBAR -->
		<!-- LEFT SIDEBAR -->
		<!-- 左侧菜单开始 -->
		<%- include left %>
		<!-- 左侧菜单结束 -->
		<!-- END LEFT SIDEBAR -->
		<!-- MAIN -->
		<div class="main">
			<!-- MAIN CONTENT -->
			<div class="main-content">
				<div class="container-fluid" id="inboxmail">
					<!-- 表格的容器 -->
					<div id="body">
						
					</div>
					<script>
						// short middle long
						pageNation.init({
							clom:[
								{chinesename:'部门编号',colname:'departmentNo',wide:'short',type:'NUMBER'},
								{chinesename:'部门名称',colname:'departmentName',wide:'long',type:'VARCHAR'},
								{chinesename:'部门主管编号',colname:'departmentManagerNo',wide:'short',type:'VARCHAR'}
							],
							primaryKey:'departmentNo',
							url:[
								{insert:'/HR/insertDepart/'},
								{select:'/HR/selectDepart/'},
								{delete:'/HR/deleteDepart/'},
								{update:'/HR/updateDepart/'}
							],
							operation:[
								{chinesename:'删除',type:'delete',wide:'short'},
								{chinesename:'编辑',type:'update',wide:'short'}
							],
							toolBar:[
								{chinesename:'添加',type:'insert',wide:'short',icon:''}
							],title:'部门信息管理',
							positionId:'body'
						});
					</script>
                    <!-- <div class="panel" style="width:800px;">
                        <div class="panel-body"></div>
                    </div> -->
				</div>
			</div>
			<!-- END MAIN CONTENT -->
		</div>
		<!-- END MAIN -->
		<!-- <div class="clearfix"></div> -->
		<footer>
			<div class="container-fluid">
				<!-- <p class="copyright">Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p> -->
			</div>
		</footer>
	</div>
	<!-- END WRAPPER -->
	<!-- Javascript -->
	<script src="assets/vendor/jquery/jquery.min.js"></script>
	<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/vendor/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	<script src="assets/scripts/klorofil-common.js"></script>
</body>

</html>
